<!--
 * @Date: 2022-04-24 10:00:50
 * @LastEditors: wuyuxin
 * @LastEditTime: 2022-04-24 10:47:39
 * @FilePath: \Vue3-ts-cms\src\base-ui\breadcrumb\src\breadcrumb.vue
 * @description: 文件描述
-->
<template>
  <el-breadcrumb separator="/">
    <template v-for="item in breadList" :key="item.name">
      <el-breadcrumb-item :to="{ path: item.path }">{{
        item.name
      }}</el-breadcrumb-item>
    </template>
  </el-breadcrumb>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'
import { IBreadcrumb } from '../types'

export default defineComponent({
  props: {
    breadList: {
      type: Array as PropType<IBreadcrumb[]>,
      default: () => []
    }
  },
  setup() {
    return {}
  }
})
</script>

<style scoped></style>
